<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>在线视频</title>
		<link rel="stylesheet" type="text/css" href="../static/fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/public.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/index.css" />
		<style type="text/css">
			.dengru{
				margin-top: 18px !important;
			}
		</style>
	</head>

	<body>
		<jsp:include page="WEB-INF/view/header.jsp"/>
		<div class="centerbox" style="margin-top: 80px">
			<div class="container">
				<h1>xxx为你推荐有趣好玩的活动</h1>
				<p class="miaoshu">多岁的附件四伏虎多个哈萨克VN日恩爱糊涂贵哦绕过覅让的防空洞里看到考虑到了考虑到...</p>
				<ul class="imglist imglistone">
					<li>
						<a href="view/enroll.html">
						<img src="uploadFile/images/4.jpg">
						<div class="text">
							<div>
								<div><span>还剩16天</span></div>
								<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
							</div>
							<h3>
								POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
							</h3>
							<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
						</div>
						</a>
					</li>
					<li>
						<a href="view/enroll.html">
						<img src="uploadFile/images/5.jpg">
						<div class="text">
							<div>
								<div><span>还剩16天</span></div>
								<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
							</div>
							<h3>
								POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
							</h3>
							<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
						</div>
						</a>
					</li>
				</ul>
				<ul class="imglist imglisttwo">
					<li>
						<a href="view/enroll.html">
						<img src="uploadFile/images/45.jpg">
						<div class="text">
							<div>
								<div><span>还剩16天</span></div>
								<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
							</div>
							<h3>
								POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
							</h3>
							<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
						</div>
						</a>
					</li>
					<li>
						<a href="view/enroll.html">
						<img src="uploadFile/images/46.jpg">
						<div class="text">
							<div>
								<div><span>还剩16天</span></div>
								<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
							</div>
							<h3>
								POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
							</h3>
							<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
						</div>
						</a>
					</li>
					<li>
						<a href="view/enroll.html">
						<img src="uploadFile/images/49.png">
						<div class="text">
							<div>
								<div><span>还剩16天</span></div>
								<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
							</div>
							<h3>
								POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
							</h3>
							<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
						</div>
						</a>
					</li>
				</ul>
				<div class="gengduo">
					<a href="#">更多活动</a>
				</div>
			</div>
			<div class="paihang">
				<h2>排行榜</h2>
				<div class="text">
					<div class="bangtwo bangpublic bangtt">
						<div>
							<div><img src="uploadFile/images/twot.png" ><img src="uploadFile/images/11.png" ></div>
						</div>
						<div>
							<div class="name" style="color:rgb(152,152,152);"><span>旅行摄影师...</span><img src="uploadFile/images/v.png" ></div>
							<div class="fen" style="color:rgb(152,152,152);">作品194|粉丝77147</div>
						</div>
						<div><img src="uploadFile/images/two.png" ></div>
					</div>
					<div class="bangone bangpublic">
						<div>
							<div><img src="uploadFile/images/onet.png" ><img src="uploadFile/images/11.png" ></div>
						</div>
						<div>
							<div class="name"><span>旅行摄影师...</span><img src="uploadFile/images/v.png" ></div>
							<div class="fen">作品194|粉丝77147</div>
						</div>
						<div><img src="uploadFile/images/one.png" ></div>
					</div>
					<div class="bangthree bangpublic bangtt">
						<div>
							<div><img src="uploadFile/images/threet.png" ><img src="uploadFile/images/11.png" ></div>
						</div>
						<div>
							<div class="name" style="color:rgb(240,125,44);"><span>旅行摄影师...</span><img src="uploadFile/images/v.png" ></div>
							<div class="fen" style="color:rgb(240,125,44);">作品194|粉丝77147</div>
						</div>
						<div><img src="uploadFile/images/three.png" ></div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="newclass">
					<div class="newclass-title">
						<h3>摄影推荐</h3>
						<h3>最新话题</h3>
					</div>
					<div class="newclass-list">
						<div>
							<ul class="imglist imglisttwo">
								<li>
									<a href="view/enroll.html">
									<img src="uploadFile/images/8.jpg">
									<div class="text">
										<div>
											<div><span>还剩16天</span></div>
											<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
										</div>
										<h3>
											POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
										</h3>
										<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
									</div>
									</a>
								</li>
								<li>
									<a href="view/enroll.html">
									<img src="uploadFile/images/9.jpg">
									<div class="text">
										<div>
											<div><span>还剩16天</span></div>
											<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
										</div>
										<h3>
											POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
										</h3>
										<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
									</div>
									</a>
								</li>
							</ul>
							<ul class="imglist imglisttwo">
								<li>
									<a href="view/enroll.html">
									<img src="uploadFile/images/38.jpg">
									<div class="text">
										<div>
											<div><span>还剩16天</span></div>
											<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
										</div>
										<h3>
											POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
										</h3>
										<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
									</div>
									</a>
								</li>
								<li>
									<a href="view/enroll.html">
									<img src="uploadFile/images/13.png">
									<div class="text">
										<div>
											<div><span>还剩16天</span></div>
											<div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
										</div>
										<h3>
											POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
										</h3>
										<p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
									</div>
									</a>
								</li>
							</ul>
						</div>
						<div class="wenlist">
							<div class="title"><a href="#">热门</a><span>|</span><a href="#">最新</a></div>
							<ul>
								<li class="list-first"><a href="#">
									<img src="uploadFile/images/13.png" >
									<span class="biao">1</span>
									<div class="kuang"><span>人像构图教程</span></div>
								</a></li>
								<li class="list-li"><a href="#">
									<div><img src="uploadFile/images/12.png" >
									<span class="biao">2</span></div>
									<div>
										<h4>年度十大摄影总结评选</h4>
										<p>年度十大摄影总结评选</p>
									</div>
								</a></li>
								<li class="list-li"><a href="#">
									<div><img src="uploadFile/images/23.jpg" >
									<span class="biao">2</span></div>
									<div>
										<h4>年度十大摄影总结评选</h4>
										<p>年度十大摄影总结评选</p>
									</div>
								</a></li>
								<li class="list-li"><a href="#">
									<div><img src="uploadFile/images/24.jpg" >
									<span class="biao">3</span></div>
									<div>
										<h4>年度十大摄影总结评选</h4>
										<p>年度十大摄影总结评选</p>
									</div>
								</a></li>
								<li class="list-li"><a href="#">
									<div><img src="uploadFile/images/33.png" ></div>
									<div>
										<h4>年度十大摄影总结评选</h4>
										<p>年度十大摄影总结评选</p>
									</div>
								</a></li>
								<li class="list-li"><a href="#">
									<div><img src="uploadFile/images/35.jpg" ></div>
									<div>
										<h4>年度十大摄影总结评选</h4>
										<p>年度十大摄影总结评选</p>
									</div>
								</a></li>
							</ul>
						</div>
					</div>
					<div class="gengduo">
						<a href="#">更多看点</a>
					</div>
				</div>
			</div>
			<div class="shipin">
				<h2>创意视频</h2>
				<ul>
					<li>
						<video controls>
							<source src="/uploadFile/videos/0.mp4" type="video/mp4"></source>
						</video>
					</li>
					<li>
						<video controls>
							<source src="/uploadFile/videos/0.mp4" type="video/mp4"></source>
						</video>
					</li>
					<li>
						<video controls>
							<source src="/uploadFile/videos/0.mp4" type="video/mp4"></source>
						</video>
					</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="footer-yi">
					<h3><img src="uploadFile/images/logoblack.png" ></h3>
					<div>
						<p>影图是以摄影爱好者为核心的图片分享社区,</p>
						<p>汇照海量原创影像,是国内极具影响力的摄影文化交流平台。</p>
					</div>
				</div>
				<div class="footer-er">
					<div>
						<h3>关注我们</h3>
						<ul>
							<li><a href="#"><i class="iconfont icon-weibo"></i></a></li>
							<li><a href="#"><i class="iconfont icon-weixin"></i></a></li>
						</ul>
					</div>
					<div>
						<h3>APP下载</h3>
						<img src="uploadFile/images/qqimg.png" >
					</div>
					<div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="static/js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="static/js/js.js"></script>
	</body>
</html>
